
 
 
  
/*产品中心*/
.glo-title{text-align: center;padding-top: 5px;}
.glo-title p{ margin: 0 auto; display: block;width: 190px;height: 35px; border-radius: 30px;background: #CA001B; font-size: 14px;color: #fff;text-align: center;line-height: 35px;}
.glo-title .po{position: relative;width: 100%;height: 35px;}
.glo-title h1{font-size: 32px;font-weight: bold;}
.glo-title h4{font-size: 16px;color: #9F9F9F;margin: 0px 0 15px 0;font-weight: normal;text-transform: uppercase;}

/*选项卡*/
.tabPanel .proul{margin: 30px 0 30px 0;display: flex;justify-content:center;}
.tabPanel .proul li{
  font-size:16px;padding: 0 13px;border-right: 1px solid #000;
  text-align: center;color: #000; height: 19px;
}
.tabPanel .proul li:last-child{border: none}
.tabPanel .proul .hit{
  color: #CB001B;font-weight: bold;
}
.tabPanel .proul li:hover a{color: #F30000}
.yid ul a li{background: #fff;border: 1px solid #DDDDDD; overflow: hidden; width: 380px;height: 325px;display: inline-block;float: left;}
.yid ul li div{width: 380px;display: flex;position: relative;align-items:center; height: 270px; overflow: hidden;background: #fff;text-align: center;}
.yid ul li img{
    margin: 0 auto;width: 380px;height: 270px;
     -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.yid ul li small{text-align: center;line-height: 50px;padding: 0 20px;
    -webkit-transition: 0.5s all;font-size: 14px;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;color: #000;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}
.yid ul a li{margin:0 20px 20px 0;}
.yid ul a:nth-child(3n) li{margin-right: 0px;}
.yid ul li:hover img{-ms-transform: scale(1.1); transform: scale(1.1);}
.yid ul li:hover{border: 1px solid #006CE5}
.marqueeleft{height:328px;overflow:hidden;}
.marqueeleft ul{float:left;margin-right: 7px;}
.marqueeleft li{float:left;margin:0 7px;display:inline;overflow:hidden;}
.marqueeleft li .pic{display:block;overflow:hidden;}
.pro_more1{width: 162px;height: 44px;border: 1px solid #EEEEEE;text-align: center;line-height: 44px;
    font-size: 14px;margin: 30px auto 0 auto;border-radius: 5px;-webkit-transition: 0.6s all;
    -moz-transition: 0.6s all;background: #fff;color: #006CE5;
    -o-transition: 0.6s all;
}
.pro_more1:hover{background: #2185DD;color: #fff;}

/*工程案例*/
.casein{width: 100%;padding: 0px 0 70px 0;background: #EEEEEE}
.Box {position: relative;margin: 40px auto 0 auto;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {border: 1px solid #dddddd; float: left;width: 285px;min-height: 200px;margin-left: 17px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .bye{width: 100%;height: 213px;overflow: hidden;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 213px; transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .Box_con .conbox ul li p{text-align: center;padding: 10px 0;}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

 